<template>
    <div>
        <div class="option">
            <div class="input">
                <el-input placeholder="请输入" suffix-icon="el-icon-search"/>
            </div>
        </div>


        <List>
            <template v-slot:header>
                <div class="header-info">
                    郑州市当前共<span>15</span>个行政区，<span>217</span>个学校，<span>50000</span>人的研学申请在等待审批
                </div>
            </template>
            <template v-slot:item>
                <Item @show-details="showDetails">
                    <template v-slot:option>
                        <div>
                            |
                            <el-link type="primary">
                                审批
                            </el-link>
                        </div>

                    </template>
                </Item>
            </template>
        </List>
        <Pagination/>


    </div>
</template>

<script>
    import List from "../../../../components/list/List";
    import Item from "../../../../components/list/item/Item";
    import Pagination from "../../../../components/pagination/Pagination";
    import {Input, Link} from "element-ui";

    export default {
        name: "PlanApprovalList",
        components: {
            List,
            Item,
            Pagination,
            "el-link": Link,
            "el-input": Input,
        },
        data() {
            return{

            }
        },
        methods: {
            showDetails(){
                this.$router.push("/ed/PlanApprovaDetails");
            }
        }
    }
</script>

<style scoped>
    .header-info{
        display: inline-block;
        width: 744px;
        height: 52px;
        color: rgba(80, 80, 80, 1);
        font-size: 19px;
        line-height: 52px;
        text-align: center;
    }
    .header-info span{
        width: 200px;
        height: 50px;
        border: 1px #aaa solid;
    }
    .input{
        width: 250px;
        margin-left: 700px;
    }
    .option div{
        display: inline-block;
        margin-top: 10px;
    }
</style>
